<template>
	<view class="box-apply">
		<view class="apply-title">
			选择申请人
		</view>
		<view class="apply-prompt">
			请选择要申请互助的受助人
		</view>
		<view class="apply-box">
			<view class="apply-list flex flai fljcsb" v-for="(item,index) in list" :key="item.id">
				<view class="apply-list-left flex flai" @click="selectPeople(index)">
					<image src="../../static/image/select.jpg" mode="" v-if="b==index"></image>
					<image src="../../static/image/noSelect.jpg" mode="" v-else></image>
					<text class="name">张三</text>
					<text class="flex1">大病互助计划</text>
				</view>
				<view class="apply-list-right">
					<text class="can-apply" v-if="item.isApply">可申请</text>
					<text class="donot-aplly" v-else>不可申请</text>
				</view>
			</view>
		</view>
		<view class="apply-bottom">
			立即申请
		</view>
	</view>
</template>

<script>
	export default {
		data () {
			return {
				b:0,
				list:[{isApply:false},{isApply:true},
				{isApply:false},{isApply:false},{isApply:true},
				{isApply:false},{isApply:true},
				]
			}
		},
		mounted() {
			
		},
		methods:{
		selectPeople(index) {
			this.b = index
		}
		}
	}
</script>

<style>
	@import "../../static/css/common.css";
	@import url("./myMutualHelp.css");
</style>
